<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频</title>
</head>
<body>
<!--src 视频路径
width视频显示宽度 height视频显示高度
controls显示视频播放器的控件:暂停,播放,音量等
autoplay 视频自动播放(一般情况下浏览器禁止自动播放)
loop 视频自动循环
muted 视频静音播放
poster="" 封面(可能会和autoplay冲突)
style="opacity: .8"   style控制样式   opacity元素透明度
视频格式 .mp4 .ogv .webm
-->
<video src="../image/3e78e80.mp4" width="800" height="400" style="opacity: .8" controls autoplay loop muted poster="../image/雷神.jpg"></video>
<!--不同的浏览器,获得最佳的兼容性和质量-->
<video>
<!--  同一个视频的不同格式的源文件 此处仅是模拟,没有视频文件-->
  <source src="3e78e80.mp4" type="audio/mp4">
  <source src="3e78e80.ogv" type="audio/ogg">
  <source src="3e78e80.webm" type="audio/webm">
</video>
</body>
</html>